.theme{background: #ff2d37}
.color{color: #ff2d37}

/*========================================= 头部 =====================================*/
header{width:100%;}
.top{background:#000;line-height: 20px;padding: 10px 0;color: #fff}
.topA{padding: 15px 0;background: rgb(245, 245, 245)}
.logo{padding: 0}
.topAl{border-left: 2px solid #ededed;}
.topAl p{padding: 7px 0}
.topAl span{color: #828282;font-size: 16px;margin-left: 25px}
.topAr{background: url("../img/topar.png") no-repeat left;padding-left: 60px;margin-top: 12px}
.topAr b{font-size: 20px;color: #ff8a1b}
nav{padding: 0!important;}
nav ul{display: flex;justify-content: space-between}
nav ul li{line-height: 50px;font-size: 16px;width: 14.2%;text-align: center;position: relative}
nav ul li:after{content:'';position: absolute;bottom: 0;left: 50%;margin-left: -3px;
    width:0;height:0;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #ff2d37;opacity: 0;}
nav ul li:hover:after,nav ul li.active:after{opacity: 1}

.title{text-align: center;margin-top: 35px;position: relative}
.title b{font-size: 80px;color: #F5F5F5;text-transform: uppercase}
.title h2{font-size: 26px;position: absolute;top: 40px;right: 0;left: 0;margin: auto}
.title p{color: #888888;font-size: 18px;text-transform: uppercase}

.oneA{margin-top: 10px}
.oneA ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneA ul li{margin-top: 24px}
.oneA ul li dd{overflow: hidden;position: relative;text-align: center}
.oneA ul li dd img{transition: all 0.5s ease;display: inline-block}
.oneA ul li dl{width: 100%;background: #333;font-size: 16px;margin: 10px 0 0 0}
.oneA ul li dl b{display: inline-block;width: 40px;line-height: 40px;text-align: center;color: #fff}
.oneA ul li dl span{color: #fff;display: inline-block;margin-left: 10px}
.oneA ul li:nth-child(2n) dl{margin: 0 0 10px 0}
.oneA ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1);opacity: 0.9}
.oneA ul li dd p{position: absolute;top:0;right:0;bottom:0;left:0;margin:auto;line-height: 50px;height: 50px;color: #fff;font-size: 18px;
text-align: center;opacity: 0}
.oneA ul li:hover dd p{opacity: 1}

.oneB{background: url("../img/oneb.jpg") no-repeat fixed;background-size: cover;overflow: hidden;margin-top: 40px;padding-bottom: 60px}
.oneB .title b{opacity: 0.3;}
.oneB .title h2{color: #fff}
.oneB .title p{color: #d9d9d9}
.oneBs{margin-top: 40px;position: relative}
.oneBsl{position: absolute;top: 0;left: 0;z-index: 1}
.oneBsl img{width: 100%}
.oneBsr{margin-top: 40px}
.oneBsra{border: 1px solid #fff;overflow: hidden;padding: 20px;}
.oneBsr .text dl{color: #fff;line-height: 2;text-indent: 2em}
.oneBsr .more{margin-top: 10px}

.oneC{}
.oneC ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneC ul li{margin-top: 24px}
.oneC ul li dd{overflow: hidden;text-align: center}
.oneC ul li dd img{transition: all 0.5s ease;transform: scale(1);display: inline-block}
.oneC ul li a{border: 1px solid #eee;display: inline-block;padding: 15px;}
.oneC ul li p{text-align: center;margin-top: 15px;font-size: 16px}
.oneC ul li a:hover{border-color: #ff2d37}
.oneC ul li:hover dd img{transition: all 0.5s;transform: scale(1.1)}
.more{text-align: center;margin-top: 40px}
.more a{display: inline-block;width: 140px;line-height: 38px;border-radius: 30px;color: #fff;text-align: center;opacity: 0.8}
.more a:hover{opacity: 1}

.oneD{overflow: hidden;position: relative;margin-top: 40px}
.oneDr{background: url("../img/oned.png") no-repeat center;height: 380px;position: absolute;top: 0;right: 0;z-index: -1}
.oneDl{height: 380px;position: absolute;top: 0;left: 0;z-index: -1}

.oneDsl{padding: 20px 12px}
.oneDsl ul li{color: #fff;margin: 20px 0}
.oneDsl ul li h3{font-weight: normal;font-size: 22px}
.oneDsl ul li p{margin-top: 8px}
.oneDsr .title{margin-top: 100px}
.oneDsr .title b{opacity: 0.3}
.oneDsr .title h2{color: #fff;position: initial}

.oneE{}
.oneE ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneE ul li{margin-top: 30px}
.oneE ul li dd{text-align: center;overflow: hidden}
.oneE ul li dd img{display: inline-block}
.oneE ul li dl{padding: 8px 8px 0 8px}
.oneE ul li dl h3{font-size: 15px;color: #666}
.oneE ul li dl span{color: #929292;font-size: 12px;margin: 5px 0;display: inline-block}
.oneE ul li dl p{font-size: 12px;color: #888;line-height: 1.8;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}

/*========================================= 底部 =====================================*/
.footer{width: 100%;background-color: #000;overflow: hidden;padding: 40px 0;margin-top: 40px}
.foot{color: #fff;text-align: center}
.foot h3{font-size: 24px;font-weight: normal}
.foot dl{margin-top: 20px;line-height: 2}
.foot dd{margin-top: 30px}
.foot dd a{display: inline-block;width: 200px;line-height: 38px;border-radius: 30px;border: 1px solid #fff;color: #fff;margin: 0 30px}

.copy{color: #fff;line-height: 35px;padding: 10px 0;text-align: center}
.copy a{color: #fff}

@media screen and (max-width: 992px) {
    .oneDsr{display: none}
    .oneDr{display: none}
    .oneBsl{position: initial}
}
@media screen and (max-width: 768px) {
    .top{display: none}
    .topAl{display: none}
    .topAr{display: none}
    nav{display: none}
    .menu-button{display: block}
    .footfix{display: block}
    .footline{display: block}
    .foota{min-height: initial}
    .footb{display: none}
    .footc{display: none}
    .copy{display: none}
    .navs_menu{display: block}
    .footer{padding: 25px 0}
    .title b{font-size: 50px}
    .title h2{font-size: 22px;top: 20px;}
    .title p{font-size: 14px}
    .topA{padding: 12px}
    .oneA ul li dl{font-size: 14px}
    .oneA ul li dl b{width: 36px;line-height: 36px;}
    .oneB{padding-bottom: 50px}
    .oneBsra{padding: 20px 10px}
    .oneC ul li p{font-size: 14px;margin-top: 10px}
    .oneC ul li a{padding: 10px}
    .oneDsl ul li h3{font-size: 18px}
    .oneDr{top: 360px}
    .foot dd a{width: 150px;margin: 0 10px;line-height: 35px}
    .more a{line-height: 34px;}
}